body{
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
}
.box{
    float: left;
    width: 150px;
    height: 100px;
    margin: 15px;
    padding: 10px;
    background-color: rgb(255, 209, 209);
    border: 2em;
}
.wrapper{
    background: rgb(144, 208, 91);
    /* 使用费visible的值产生清除浮动的作用，具有副作用 */
    /* overflow: auto; */

    /* display: block; */
}

.cl{
    /* clear: left; */
    clear: both;
}

/* 清除浮动 */
.wrapper::after{
    content: '';
    display: block;
    clear: both;
}